.commodity {
    background: #eee;
}
.commodity .fix-head{
    font-size: .3rem;
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    background: #eee;
    color: #000;
    text-align: center;
    position:fixed;
    top: 0;
    left: 0;
}
.commodity .fix-head i{
    float: left;
    padding-left: .28rem;
}
.commodity .comm-main .comm-img{
    margin-top: .7rem;
    width: 100%;
    height: 6rem;
    border-bottom: 1px solid #eee;
}
.commodity .comm-main .comm-img img{
    width: 80%;
    height: 100%;
    margin:0 10%;
}
.commodity .describe{
    padding-left: .28rem;
    margin-bottom: .2rem;
    background: #fff;
}
.commodity .describe h2{
    padding: .2rem 0;
    font-size: .32rem;
    margin-top: 0;
}
.commodity .comm-detail li:nth-child(1)>p{
    font-size: .28rem;
}
.commodity .comm-detail li:nth-child(1)>p i{
    font-size: .28rem;
    color: #ad0006;
}
.commodity .comm-detail li:nth-child(1)>p span{
    font-size: .28rem;
    color: #ad0006;
}
.commodity .comm-detail{
    width: 100%;
}
.commodity .comm-detail li{
    padding: .1rem 0;
    padding-left: .28rem;
    width: 100%;
    background: #fff;
    height: .8rem;
    margin-bottom: .03rem;
}
.commodity  .comm-detail li p{
    /*width: 25%;*/
    height: .6rem;
    line-height: .6rem;
    background: #fff;
    font-size: .28rem;
    color: #adadad;
    float: left;
    padding-right: .2rem;
}
.commodity .comm-detail li p span{
    color: #646464;
}
.commodity  .num-detail{
    width: 3rem;
    float: left;
}
.commodity .order-right .minus,.commodity  .order-right .add {
    border: 2px solid #cc3d44;
    background: #ad0006;
}
.commodity .minus,.commodity  .add {
    float: left;
    width: 24%;
    border: 2px solid #ad0006;
    background: #ad0006;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    font-size: .4rem;
}
.commodity  .minus{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.commodity  .add {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.commodity  .order-right .num_input {
    border: 2px solid #ad0006;
    color: #ad0006;
}
.commodity .num_input {
    float: left;
    width: 50%;
    line-height: .5rem;
    border: 2px solid #ad0006;
    text-align: center;
    color: #ad0006;
    font-size:.24rem;
}

.commodity .comm-intr{
    margin-top: .15rem;
    padding-bottom: 1rem;
    width: 100%;
}
.commodity .comm-intr p{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: #151515;
    color: #fff;
    font-size: .3rem;
}
.commodity .intr-img{
    padding: 0 .2rem;
    font-size:0px;
}
.commodity .intr-img img{
    width: 100%;
}

.commodity .fix-foot{
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #ad0006;
    text-align: center;
    color: #fff;
    font-size: .36rem;
    position: fixed;
    bottom: 0;
    left: 0;
}
.commodity .morder{
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}
.commodity .popu-title span{
    float:right;
    display:inline-block;
    padding:0 .3rem;
}
.commodity .popu{
    width: 6rem;
    background: white;
    position: absolute;
    top: 35%;
    left: .75rem;
}
.commodity .popu-main{
    width: 80%;
    font-size: .3rem;
    margin: .2rem auto;
}
.commodity  .popu-title{
    border-bottom: 1px solid #E8E8E8;
    font-size: .3rem;
    text-align: left;
    text-indent: .3rem;
    height: .8rem;
    line-height: .8rem;
    background:#ad0006;
    color: #fff;
    margin-bottom: .4rem;
}
.commodity  .popu-title i{
    font-size: .3rem;
    background: #cc3d44;
    color:#fff ;
}
.commodity  .popu .btn {
    width: 5.6rem;
    margin: 0 auto;
}
.commodity  .popu .btn:after{
			content: "";
            display: table;
            clear: both;
            height: 0;
}
.commodity  .popu .btn .pay {
    background-color: #febb2c;
    
}
.commodity  .popu .btn .tihuo {
    background-color: #ad0006;
}
.commodity  .popu .btn a {
    display: inline-block;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    width: 1.7rem;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size:.28rem;
    margin-bottom: .3rem;
        float:left;
    margin-right:.2rem;
}
.commodity  .popu .btn a:last-child{
    margin-right:0;
}
.commodity  .popu .btn .pay {
    background-color: #febb2c;
    
}

.commodity  h4{
    position: relative;
    right: 2px;
    top:-0.15rem;
    text-align: right;
    line-height: .3rem;
    color: #cc3d44;
    font-size: .2rem;
    z-index: 100;
}

    .commodity .fix-foot .fix-yue{
            float: left;
            width: 63%;
            background: #fda500;
            height: 1rem;
            text-align:center;
            color:#fff;
        }
     .commodity .fix-foot .fix-buy{
            float: right;
            width: 35%;
            text-align:center;
        }
.commodity .icon-cha{
    float: right;
    padding-right: .3rem;
}

/*jiou*/
.jiou p.popu-main{
    width: 80%;
    margin: 0 auto;
    margin-bottom: .4rem;
}
.jiou .head-logo{
    overflow: auto;
    font-size: 0;
    background-size: 100%;
}
.jiou .head-logo>div{
    width: 100%;
}
.jiou .head-logo div img{
    width: 100%;
}
.jiou .twohead .two-main{
    width: 100%;
    height: 3.56rem;
    background: url(../images/muzhuo.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0px 65px;
}
.jiou .twohead .two-main ul{
    width: 100%;
    padding: 0 1.8rem;
    overflow: auto;
    position: relative;
    top:-0.1rem;
    z-index: 100;
    height:1.8rem;
}
.jiou .twohead .two-main ul:after{
			content: "";
            display: table;
            clear: both;
            height: 0;
}
.jiou .twohead .two-main ul li{
    float: left;
    width: 50%;
    height:1.8rem;
}
.jiou .twohead .two-main ul li img{
    width: 1.6rem;
    height:1.8rem;
}
.jiou .twohead .two-main ul li:nth-child(2) img{
    width: 1.6rem;
    float: right;
}
.jiou .twohead>p{
    width: 3.40rem;
    height: 1.43rem;
    margin: 0 auto;
}
.jiou  .hot{
    color: #fff;
    background: #ad0006;
}
.jiou .cold{
    color: #fff;
    background: #0055ad;
}
.jiou{
    background: url("../images/jiou-bg.jpg") repeat-y;
    background-size: 100%;
}
.jiou .quote {
    width: 100%;
    padding-bottom: .98rem;
}
.jiou header{
    width: 100%;
}
.jiou .quote-detail table {
    width: 100%;
    text-align: center;
}
.jiou .quote-detail thead tr {
    background: #8a4a2f;
}
.jiou .quote-detail thead tr th {
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    width: 25%;
}
.jiou .quote-detail thead tr th:nth-child(1) {
    width: 50%;
}
.jiou .quote tbody tr {
    line-height: 23.25px!important;
    height: 23.25px!important;
}
.jiou  .quote-detail table td {
    height: .5rem;
    line-height: .5rem;
    text-align: center;
}
.jiou .quote-detail table tbody td:last-child>span {
    display: inline-block;
    width: .5rem;
    height: .35rem;
    line-height: .35rem;
    padding: .01rem;
}
.jiou .morder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    display: none;
}
.jiou .morder .popu {
    position: absolute;
    top: 25%;
    left: 10%;
    width: 80%;
    background: #fff;
    z-index: 110;
}
.jiou .morder .popu-title {
    border-bottom: 1px solid #E8E8E8;
    font-size: .3rem;
    text-align: left;
    text-indent: .3rem;
    height: .8rem;
    line-height: .8rem;
    background: #eee;
    margin-bottom: .4rem;
}
.jiou .morder div.popu-main {
    padding:0 .2rem .4rem .2rem;
}
.jiou .morder div.popu-main p{
    font-size:.26rem;
}
.jiou .morder div.popu-main h3{
    font-size:.26rem;
}
.jiou .morder .popu-title i {
    font-size: .3rem;
    background: #eee;
}
.jiou .morder .popu .btn {
    width: 85%;
    margin: 0 auto;
}
.jiou .morder .popu .btn .pay {
    background-color: #febb2c;
}
.jiou .morder .popu .btn a {
    display: inline-block;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    width: 45%;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: .3rem;
}
.jiou .morder .popu .btn .settle {
    background-color: #ad0006;
    float: right;
}
.jiou .main-title{
    width: 100%;
    height: 1.68rem;
   background: url("../images/yabao02.png") no-repeat;
    background-size: 100%;
}
.jiou .sjhou img, .jiou  .sjqian img, .jiou  .shlogo img{
    width: 100%;
}
.jiou .countdown {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #8a4a2f;
    width: 100%;
    line-height: .5rem;
    text-align: center;
    color: #fff;
    border-top: 1px solid rgba(0,0,0,0.2);
}


.mall{
    background-color:#ffa800;
    background: url("../images/scbg02.jpg") repeat;
    background-size: 100%;
}
.mall .head-logo{
    width: 100%;
    overflow: auto;
}
.mall .head-logo img{
    width: 100%;
    float: left;
}
.mall .mall-main{
    width: 100%;
    padding-bottom: .98rem;
    position: relative;
}

.mall .mall-main ul{
    padding-bottom: .3rem;
}
.mall .mall-main>ul>li{
    width: 100%;
    background: url("../images/scdb02.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    text-align: left;
    margin-top: .6rem;
}
.mall .mall-main ul li a{
    display: block;
}
.mall .mall-main>ul li:first-child{
    margin-top: 0;
}
.mall .mall-detail h3{
    font-size: .3rem;
    padding-top: .1rem;
    font-weight: bold;
    background:-webkit-linear-gradient(top,#fff,#ffed4c);
    -webkit-background-clip:text;
    color:transparent;
    text-transform:uppercase;
}
.mall .mall-detail button{
    border: none;
    border-radius: 3px;
    outline: none;
    height: .3rem;
    line-height: .3rem;
    font-size: .13rem;
    color: #c40003;
    margin-top: .1rem;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff9a5), to(#ffc103));
    background:-moz-linear-gradient(top,#fff9a5,#ffc103);
}
.mall .mall-main>ul li:nth-child(odd) div h3{
    padding-left: .25rem;

}
.mall .mall-main>ul li:nth-child(odd) div button{
    float: left;
    margin-left: .25rem;
    padding: 0 .05rem;
}
.mall .mall-main>ul li:nth-child(even) div h3{
    text-align: right;
    padding-right: .25rem;
}
.mall .mall-main>ul li:nth-child(even) div button{
    float: right;
    margin-right: .25rem;
}
.mall .main-title h3{
    text-align: center;
    font-size: .48rem;
    margin-top: -.2rem;
    background:-webkit-linear-gradient(top,#ffb70b,#ffff5b);
    -webkit-background-clip:text;
    color:transparent;
    text-transform:uppercase;
}
.mall .main-title span{
    display: inline-block;
    text-align: center;
    font-size: .16rem;
    padding:0.05rem .1rem;
    /*background: #ffec14;*/
    border-radius: 5px;
    margin-top: .08rem;
}

        .mall .main-sale{
            width: 100%;
        }
        .mall .main-sale .sale-title{
            margin-bottom: .3rem;
        }
       .mall .main-sale .sale-title img{
            width: 100%;
        }
      .mall  .mall-main .main-sale ul{
            padding-top: 0;
            margin: 0 .15rem;
        }
        .mall  .mall-main .main-sale ul:after{
            content: "";
            display: table;
            clear: both;
            height: 0;
        }
        .mall .mall-main .main-sale ul li {
            float: left;
            margin-top: 0;
            /*margin-left: .3rem;*/
        }
        .mall .mall-main .main-sale ul li:nth-child(even) {
            float: right;
        }
        .main-sale .sale-detail{
            width: 3.57rem;
            height:4.79rem;
            position: relative;
        }
        .main-sale .sale-detail>img{
            width: 3.57rem;
            height:4.79rem;
            position: absolute;
            top:0;
            left:0;
        }
       .mall .sale-detail>div.sale-img{

            margin:0 .15rem;
            padding-top: 0.08rem;
            height:3.4rem;
            z-index: -10;
        }
        .mall .sale-detail>div.sale-img img{
            width: 100%;
            height:3.4rem;
            z-index: -10;
        }
       .mall .sale-detail .sale-section{
            padding: 0 .2rem;
           z-index: 15;
           padding-right:.12rem;
        }
        .mall .sale-detail .sale-section>div{
            position: relative;
            height: .7rem;
        }
       .mall .sale-section>div:after{
            content: "";
            display: table;
            height: 0;
            clear: both;
        }
       .mall .sale-section>div>div{
            margin-top: -.02rem;
        }
       .mall .sale-section div .sec-l{
           padding-top: 0.1rem;
           width: 60%;
           position: absolute;
           top:0;
           left:0;
        }
       .mall .sale-section div .sec-r{
            width: 55%;
           position: absolute;
           top:0;
           right:0.05rem;
            text-align: right;
            font-size: .46rem;
            color:#fee9bf ;
        }
       .mall .sale-section div p span{
            text-decoration:line-through;
           color:#fee9bf;
        }
       .mall .sale-section>p{
            color:#fcfaee!important;
            font-size:.22rem;
            position: relative;
           margin-top: 0.1rem;
            overflow:hidden;
    		text-overflow:ellipsis;
    		white-space:nowrap
        }
      .mall  .sale-section div p{
            color:#fee9bf;
            font-size:.22rem;
            font-weight: normal;
        }
.mall .mall-main .main-one{
    width: 100%;
    height: 1.3rem;
    background: url("../images/scbt01.png") no-repeat;
    background-size: 100%;
    margin-bottom: .3rem;
}


.mall  .mall-main .mall-detail{
    width: 100%;
    height: 3.81rem;
}
.mall .mall-main>ul>li .mall-detail .jyqimg{
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    top:0.5rem;
    left:.7rem;
    padding-top:.3rem;
}
.mall .mall-main>ul>li .mall-detail .jyhimg{
    position: absolute;
    width: 3.25rem;
    height: 3.95rem;
    top:-.5rem;
    left: 3.55rem;
    background: url("../images/scdb03.png") no-repeat;
    background-size: 100% 100%;
}

 .mall .mall-main>ul>li .mall-detail .jyhimg .sjhou{
 	position: relative;
    width: 3.1rem;
    height: 2.4rem;
    top:1.2rem;
    left: .075rem;
} 
.mall .mall-main .jyhimg .sjhou img{
    width: 100%;
}
.mall .mall-main .mall-detail .shlogo{
    width: .72rem;
    height:.36rem;
    position: absolute;
    top:.2rem;
    left:.6rem ;
}
.mall .sjhou img, .mall  .sjqian img, .mall  .shlogo img{
    width: 100%;
}
.mall .mall-main>ul>li .fontqian{
    text-align: right;
    position: absolute;
    top:2.4rem;
    left:0rem;
    width: 1.24rem;
    height: .46rem;
    background: url("../images/scyf.png") no-repeat;
    background-size: 100%;
}
.mall .mall-main>ul>li:nth-child(1) .mall-detail .fonthou{
    position: absolute;
    top:.2rem;
    right: .65rem;
    width: 1.24rem;
    height: .46rem;
    background: url("../images/sclf.png") no-repeat;
    background-size: 100%;
}
.mall .mall-main>ul>li:nth-child(2) .mall-detail .fonthou{
    position: absolute;
    top:.2rem;
    right: .65rem;
    width: 1.24rem;
    height: .46rem;
    background: url("../images/scyf.png") no-repeat;
    background-size: 100%;
}
.mall .mall-main>ul>li .jgqian{
    text-align: left;
    position: absolute;
    top:2.4rem;
    left:1.3rem;
    width: 1.9rem;
    font-size: .36rem!important;
    font-weight: bold;
    color: #fff175;
}
.mall .mall-detail  span.icon-qian{
    font-size: .2rem!important;
    position: relative;
    top:-.05rem;
}
.mall .mall-detail .jghou{
    position: absolute;
    top:.7rem;
    left: 0;
    width: 3.25rem;
    text-align: center;
    font-size: .36rem!important;
    font-weight: bold;
    color: #c81d26;
}

.mall .mall-main>ul>li:nth-child(2) .fontqian{
    text-align: right;
    position: absolute;
    top:2.4rem;
    left:0rem;
    width: 1.24rem;
    height: .46rem;
    background: url("../images/scyf.png") no-repeat;
    background-size: 100%;
}
.mall .mall-main>ul>li:nth-child(2) .jgqian{
    text-align: left;
    position: absolute;
    top:2.4rem;
    left:1.3rem;
    width: 1.5rem;
    font-size: .36rem!important;
    font-weight: bold;
    color: #fff175;
}
.order{
    background: #eee;
}
.order .no-content{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	margin:auto;
	font-size:0.6rem;
	color:#ffb70b; 
	
	/*非IE的主流浏览器识别的垂直居中的方法*/ 
	display: table-cell; 
	vertical-align:middle; 
	/*设置水平居中*/ 
	text-align:center; 
	/* 针对IE的Hack */ 
	*display: block; 
	*font-size: 362px;/*约为高度的0.873，200*0.873 约为175*/ 
	*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
	height:300px; 

	
}
.order .no-content img{
	vertical-align:middle; 
	    width:75%;
}
.order .logist_top{
    padding-bottom: .98rem;
}
.order .log_head{
    overflow: auto;
    background: #fff;
    border-bottom: 2px solid #eee;
    color: #adadad;
    margin-bottom: .2rem;
}
.order .person_log{
    float: left;
    margin: .2rem;
    margin-right: 0;

}
.order .person_r{
    clear: both;
    padding: .1rem .15rem;
    width: 7.5rem;
    height:.7rem;
    border-top: 1px solid #eee;
}
.order .person_r .box{
    width:100%;
}
.order .person_r .box:after{
    clear: both;
    height: 0;
    display: table;
    content: "";
}
.order .person_r button{
    float: right;
    display: inline-block;
    text-align: center;
    width: 1.3rem;
    height: .5rem;
    line-height: .5rem;
    border: none;
    margin-right: .1rem;
}
.order .person_l{
    height: 1.4rem;
    line-height: 1.4rem;
    width: 3.2rem;
    float: right;
    text-align: center;
    font-size: .26rem;

}
.order .person_l .redx{
    color: #fc4630;
}
.order .person_l .gray{
    color: #646464;
}
.order .person_l p{
    margin-top:.35rem;
    height: .7rem;
    line-height: 0.35rem;
    width: 2rem;
    text-align: center;
    color: #fc4630;
    font-size: .26rem;

}
.order .expired{
    color: #646464;!important;
}
.order .log_head .person_log  img {
    height: 1rem;
    float: left;
    width:1rem;
}
.order .log_head>p {
    border-bottom: 1px solid #eee;
    padding: .1rem;
    color: #000;
    font-size: .24rem;
}
.order .hlog_infor{
    width:2.5rem; 
    height: 1.2rem;
    float: left;
    overflow: hidden;
    font-size: .24rem;
    padding: .2rem 0;
    padding-left: .2rem;
    padding-top: .1rem;
}
.order .hlog_infor p{
    overflow: hidden;
    font-size: .24rem;
    color: #646464;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.order .hlog_infor h1{
    color: #646464;
    font-size: .3rem;
}
.order .hlog_infor h1 span{
    color: #cc3d44;
}
.order button.pick{
    color:#fff!important;
    background:#cc3d44;
}
.order button.exchange{
    color:#fff!important;
    background:#ffcc00;
}
.order button.yabao{
    color:#fff!important;
    background:#febb2c;
}
.order button.quit{
    color:#fff!important;
    background:#177cb0;
}
 .order button.guessjiou{
    color:#fff!important;
    background:#c38808;
} 
.order button.guess{
    color:#fff!important;
    background:#ef4719;
}

/*下单*/
.order .morder{
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: rgba(0,0,0,0.5);
    display: none;
}
.order .morder .popu{
    position: absolute;
    top:25%;
    left: 10%;
    width: 80%;
    background: #fff;
    z-index: 110;
}
.order .morder .popu-title{
    border-bottom: 1px solid #E8E8E8;
    font-size: .3rem;
    text-align: left;
    text-indent: .3rem;
    height: .8rem;
    line-height: .8rem;
    background: #eee;
    margin-bottom: .4rem;
}
.order .morder .popu-title i{
    font-size: .3rem;
    background: #eee;
}
.order .morder .popu .btn {
    width: 85%;
    margin: 0 auto;
}
.order .morder .popu .btn .pay {
    background-color: #168de9;
}
.order .morder .popu .btn a {
    display: inline-block;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    width: 45%;
    color: #fff;
    border: none;
    border-radius: 5px;
    margin-bottom: .3rem;
}
.order .morder .popu .btn .settle {
    background-color: #ad0006;
    float: right;
}
.order div.popu-main {
    width: 80%;
    margin: 0 auto;
    margin-bottom: .4rem;
}
.order .popu-main p{
    padding-bottom: .2rem;
    font-size: .26rem;
}
.order .popu-main h3{
    padding-bottom: .2rem;
    font-size: .26rem;
}
.order .person-detail{
            clear: both;
            border-top: 1px solid #eee;
            text-indent: .1rem;
            padding: .2rem;
            border-bottom: 1px solid #eee;
            color: #000;
            font-size: .24rem;
        }
        .order .person-detail span{
            margin-right: .5rem;
        }
        .order .person-detail b{
            float: right;
            margin-right: .2rem;
            padding: 0.05rem ;
            border: 1px solid #eee;
            background:#eee;
            border-radius: 4px;
            margin-top: -0.1rem;
            font-weight: normal;
        }
        .order .detail-order{
            clear: both;
            text-indent: .1rem;
            padding: .2rem;
            border-bottom: 1px solid #eee;
            color: #adadad;
            font-size: .24rem;
            display:none;
        }



.recharge {
    background: #eee;
}
.recharge .popup1{
    color:#eee;
    width: 100%;
    background: #3A3A3A;
}
.recharge #recharge_inner{
    line-height: .5rem;
    background: #eee;;
}
.recharge #recharge_inner li div{
    color:#eee;
    margin: 0.1rem .2rem;
    font-weight: 900;
    font-size: .3rem;
}
.recharge .popup_w-3{
    color:#eee;
}
.recharge .popup_w-3>li {
    padding: 0 .3rem;
    font-size: 0;
    margin-left: -0rem;
}
.recharge .popup_w-3>li>p,.popup_w-3 input{
    font-size: 0.3rem;
    display: inline-block;
    background: #dbdbdb;
    margin: 0.04rem 0;
    width:1.6rem;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    color:#adadad;
    border-radius: 5px;
}
.recharge .popup_w-3>li.popup_li_1 p{
	margin-left:.1rem;
	white-space: nowrap;
}
.recharge .popup_w-3>li.popup_li_1 input{
	margin-left:.1rem;
	white-space: nowrap;
}
.popup_w-3 input{
    color:#fff!important;
}
.recharge .popup_w-3 input{
    border-width: 0;
}
.recharge .popup_w-3>li:nth-child(1){
    background: #eee;
    padding-top: .3rem;
}
.recharge .popup_w-3>li:nth-child(2){
    padding-bottom: .3rem;
    background: #eee;
    padding-top: .2rem;
    border-bottom: 3px solid #fff;
}
.recharge .popup_w-3>li:nth-child(3){
    background: #fff;
    padding: .3rem;
    border-bottom: 3px solid #fff;
}
.recharge .popup_w-3>li:nth-child(3) p{
    width: 2rem;
    height: .9rem;
    margin-right: .2rem;
}
.recharge .popup_w-3>li:nth-child(3) p img{
    width: 100%;
    height: 100%;
}
.recharge .popup_w-3 .popup_active{
    background:#8a4a2f;
    color: #eee;
}
.recharge .popup_success{
    margin: 0 auto;
    padding: 0.2rem .2rem;
    text-align: center;
    width: 90%;
    background: #8a4a2f;
    color: #eee;
    font-weight: 900;
    line-height: .5rem;
    border-radius: .1rem;
    z-index: 2;
    font-size: .35rem;
}
.recharge  #popup_success_box{
    margin-top:.4rem;
    background: #eee;
}

.withdrawals  {
    width: 7.5rem;
    margin: 0 auto;
    font-size: .36rem;
    background: #eee;
    margin-bottom: 2.5rem;
}
.withdrawals h3 {
    font-size: 1.3em;
}
.withdrawals .header_wallet{
    padding: .45rem 0;
    background: #fff;
}
.withdrawals .wallet_font{
    padding-left: .45rem;
    padding-bottom: .1rem;
    color: #646464;
    font-size: .3rem;
    text-align: left;
}
.withdrawals .wallet_mon{
    color: #000;
    font-size: 1rem;
    text-align: center;
    margin-bottom: .3rem;
}
.withdrawals .select{
    background: #eee;
    margin-top: .2rem;
}
.withdrawals .select ul li{
    height: 1rem;
    border-bottom: 2px solid #eee;
    position: relative;
}
.withdrawals .select ul li a{
    display: inline-block;
    color: #646464;
    width: 100%;
}
.withdrawals .select ul li i{
    font-size: .46rem;
    /*color: #ad0006;*/
    background: #8a4a2f;
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    position: absolute;
    left: .4rem;
    top:.15rem;
}
.withdrawals .select ul li a b{
    color: #646464;
    font-weight: normal;
    margin-top: -.1rem;
}
.withdrawals .select ul li span{
    float: right;
}
.withdrawals .select input,.withdrawals .select select {
    width: 100%;
    height: 100%;
    padding-left: 1.2rem;
    border-radius: .1rem;
    color: #adadad;
    background: #fff;
    outline: none;
    border: none;
    text-align: left;
    margin-bottom: 0px;
    font-size: .36rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
}
.withdrawals .row_btn {
    display: block;
    margin:0 auto;
    width: 5.98rem;
    border: none;
    /*background: #ad0006;*/
    background: #8a4a2f;
    line-height: 0.94rem;
    font-size: .4rem;
    color: #fff;
    font-weight: 600;
    margin-top: 0.48rem;
    border-radius: .1rem;
}
.ssc{
    font-size: 0;
    background:#F7E5C7;
}
.ssc .billcontent{
    width: 100%;
    padding-bottom: .98rem;
}
.ssc .billtable{
    width: 100%;
}
.ssc .billtable td,th{
    width: 24%;
    height: .7rem;
    text-align: center;
    font-size: .24rem;
}
.ssc .billtable th:nth-child(1){
    width: 28%;
}
.ssc .billtable tbody tr td:nth-child(2){
    color: #ad0006;
}
.ssc .billtable tbody tr td:nth-child(3){
    color: #ad0006;
}
.ssc .billtable tbody td{
    height: 1rem;
}

.ssc .billtable tbody td span{
    display: inline-block;
    padding: .05rem .2rem;
    border-radius: 4px;
}

.ssc .redx{
    background:#ad0006;
    color:#fff;
    height: .4rem;
    line-height: .4rem;
}
.ssc .odd{
    background:#0055ad;
    color:#fff;
}
.ssc .even{
    background:#ad0006;
    color:#fff;
}
.ssc .yellowx{
    background:#adadad;
    color:#fff;
}
.ssc .start_logo,.ssc .start_logo img{
    width: 100%;
}


.account header{
    position:relative;
    height: 4rem;
    background: url(../images/cdbg.png);
    background-size:100% 100% ;
}
.account header .top{
    position: absolute;
    color: #fff;
    font-size: .4rem;
    padding: 0.1rem;
    border-radius:4px;
    right: 10px;
    top: 10px;
}
.account header .bottom{
    position: absolute;
    bottom: -1.8em;
    width: 100%;
    color: #fff;
    padding: 0 10px;
}
.account header .bottom .box,header .name{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;

}
.account header .user_update{
    display: inline-block;
    position: relative;
    top: .7em;/*与头像的top值一致后调整间距（-）*/
    background: rgba(0,0,0,);
    /*padding: .1em 0;*/
    width: 5.8em;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}
.account header .name .headimg{
    margin-right: .1rem;
    margin-bottom: .2rem;
    position: relative;
    top: .2rem;
    border-radius: .2rem;
    border: .4em solid rgba(255,255,255,.6);
}
.account header .name img{
    width:5em;
    height: 5em;
    border-radius: .1rem;

}
/*列*/
.account .my-option{
    padding-bottom: .98rem;
}
.account .my-option ul{
    width: 100%;
    margin-top: .2rem;
}
.account .my-option li{
    height: 47px;
    width: 100%;
    background: #fff;
}
.account .my-option li a{
    display: inline-block;
    height:47px;
    line-height: 47px;
    font-size: 14px;
    width: 100%;
    color:#1b1b1b;
    border-bottom: 1px solid #f0f0f0;
    text-indent: 10px;
    font-weight: 100;
}
.account .my-option img{
    width: 1.5em;
    vertical-align: middle/*居中*/;
    margin-top: -2px;
}
.account .my-option li i.i_right {
    float: right;
    margin-right: 10px;
    color: #a2a2a2;
}
.account .my-option .iconfont{
    font-size: 1.4em;
}

.account .my-option ul>li:nth-child(1) .iconfont:nth-child(1){
    color:#ff8700;
}
.account .my-option ul>li:nth-child(2) .iconfont:nth-child(1){
    color:#ffcc00;
}
.account .my-option ul>li:nth-child(3) .iconfont:nth-child(1){
    color: #a98175;
}
.account .my-option ul>li:nth-child(4) .iconfont:nth-child(1){

    color:#ff0000;
}
.account .my-option ul>li:nth-child(5) .iconfont:nth-child(1){
    color:#5498dc;
}
.account .my-option ul>li:nth-child(6) .iconfont:nth-child(1){
    color:#c3272b;
}
.account .my-option ul>li:nth-child(7) .iconfont:nth-child(1){
    color:#86c9ef;
}
.account .my-option ul>li:nth-child(8) .iconfont:nth-child(1){
    color: #449018;
}
.account .my-option ul>li:nth-child(9) .iconfont:nth-child(1){
    color: #965801;
}
.account .my-option ul>li:nth-child(10) .iconfont:nth-child(1){
    color:#ff0000;
}
.account .my-option ul>li:nth-child(11) .iconfont:nth-child(1){
    color:#8f82bc;
}
.account .my-option ul>li:nth-child(12) .iconfont:nth-child(1){
    color:#00a0e9;
}
.account .my-option ul>li:nth-child(13) .iconfont:nth-child(1){
    color:#00479a;
}

.account .ljhs {
    text-align: left;
    color: #fff;
    padding-top: .1rem;
    font-size: .3rem;
    position: absolute;
    bottom: .1rem;
    right: 0;
    width:2.5rem;
}
.account .ljye {
    text-align: left;
    color: #fff;
    padding-top: .1rem;
    font-size: .3rem;
    position: absolute;
    bottom: .5rem;
    right: 0;
     width:2.5rem;
}
.account .ljhs span {
    color: #fff;
}
.myhistory {
    background: #eee;
    font-size: .24rem;
}
.myhistory .billcontent {
    width: 100%;
    padding-bottom: .98rem;
}

.myhistory .billtable {
    width: 100%;
    background: #eee;
}

.myhistory .billtable td, th {
    height: .7rem;
    text-align: center;
}
.myhistory .billtable th {
    word-break: keep-all;
    white-space:nowrap;
}
.myhistory .billtable tr{
    background: #fff;
}
.myhistory .billtable tbody tr:nth-child(odd),.myhistory  .billtable tbody tr {
    width:100%;
    border-bottom: 1px solid #E8E8E8;
}

.myhistory .myhistory .billtable tbody tr:nth-child(odd) td {
    height: 1rem;
    color:#000;
}
.myhistory .billtable tbody tr td:nth-child(2) {
    color: #cc3d44;
}

.myhistory .billtable tbody tr:nth-child(odd) td span {
    display: inline-block;
    padding: .05rem .2rem;
    color: #adadad;
}

.myhistory .billtable thead .redx {
    background: -webkit-linear-gradient(#cb000c, #9d0009);
    background: -o-linear-gradient(#cb000c, #9d0009);
    background: -moz-linear-gradient(#cb000c, #9d0009);
    background: linear-gradient(#cb000c, #9d0009);
    color: #fff;
}
.myhistory .treven{
    margin-bottom: .3rem;
}
.myhistory  .treven .kong{
    height: .2rem;
    width: 100%;
    background: #eee;
    content: "";
}
.myhistory  .treven td p{
    height: .5rem;
    line-height: .5rem;
    color: #adadad;
    padding: 0 .2rem;
    text-align: left;
    font-size: .2rem;
}
.myhistory .treven td p span{
    color: #646464;
    text-align: left;
}
.real{
    background: #eee;
    color: #adadad;
    width: 7.5rem;
    margin: 0 auto;
    font-size: .3rem;
}
.real .realname{
    width:100%;
}
.real .inputdata{
    margin-top: .25rem;
    width: 100%;
    overflow: auto;
}
.real .inputdata div{
    width: 100%;
    margin:0 auto;
    height:1rem;
    line-height:.8rem;
    padding:.1rem .4rem;
    overflow: hidden;
    background: #fff;
    border-bottom:3px solid #eee;
    font-weight: bold;
    position: relative;
}
.real .inputdata div span{
    color: #adadad;
    float: left;
    width: 2rem;
    padding-right: .2rem;
}
.real .inputdata div a{
    border: none;
  	background: #8a4a2f;
    color: #eee;
    height: .7rem;
    line-height:.7rem;
    width: 2rem;
    text-align: center;
    position: absolute;
    top:.1rem;
    right:.1rem;
}
.real .inputdata div input{
    background: #fff;
    color:#adadad;
    line-height:.8rem;
    border:none;
    width: 70%;
    float: left;
    outline:none;
}
.real .inputdata .sel_man,.real .inputdata .sel_wom{
    width: 10%;
    float: none;
    vertical-align: middle;
}
.real h1,.real h2{
    margin-top: .2rem;
    padding-left: .2rem;
    border-bottom:3px solid #eee;
    background: #fff;
    height: 1rem;
    line-height: .5rem;
    color: #BBB;
    font-weight: normal;
}
.real h2{
    margin-top: 0rem;
    line-height: 1rem;
    color:#646464;
}
.real .okup{
    margin-top: .2rem;
    width: 100%;
}
.real .success{
    display:block;
    width: 80%;
    font-weight: bold;
    padding: .3rem .5rem;
    margin: 0 auto;
    background: #8a4a2f;
    color:#eee;
    border:none;
    border-radius: 5px;
    font-size:.32rem;
}
.real .tips{
    font-size: .25rem;
    color: #cc3d44;
    text-align: right;
    padding-right: 1rem;
    clear: both;
}
.real  h4{
    position: relative;
    right: 2px;
    top:-0.3rem;
    height: .4rem;
    width: 40%;
    margin-left: 50%;
    text-align: right;
    line-height: .3rem;
    color: #c70003;
    font-size: .2rem;
    z-index: 100;
}

body.pick{
    width: 7.5rem;
    background: url(../images/jiou-bg.jpg) repeat;
    background-size: 100%;
}
.pick .pickup{
    margin: 0 .57rem;
    margin-top: 2.3rem;
    height: 10.51rem;
    background: url("../images/thdb.png") no-repeat;
    background-size: 100% 100%;
    padding: 0 .2rem;
    padding-top: 1.5rem;
    position: relative;
}

.pick .pickone{
    padding: .3rem .5rem;
}
.pick .pickone>div{
    width:100%;
}
.pick .pickup h1,.pick .pickup h2{
    font-size: .36rem;
    color: #fcfaee;
}
.pick .pickup h2{
    float: left;
    width: 50%;
}
.pick .pickone>div:after{
    content: "";
    display: table;
    height: 0;
    clear: both;
}
.pick .pickone p{
    font-size: .30rem;
    margin-top: .1rem;
    margin-bottom: .1rem;
    HEIGHT: 3EM;
    LINE-HEIGHT: 1.5EM;
    overflow: auto;
    background: -webkit-linear-gradient(top,#fff,#fcd383 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.pick .pickone h2 span{
    font-size: .30rem;
    font-weight: normal;
    background: -webkit-linear-gradient(top,#fff,#fcd383 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.pick .picktwo{
    padding: .3rem .4rem;
    text-align: center;
    padding-right: .7rem;
}
.pick .picktwo h3 {
    font-size: .36rem;
    color: #fcfaee;
    text-align: left;
    padding-bottom: .2rem;
}
.pick .picktwo button{
    display: inline-block;
    width: 2.3rem;
    height: .8rem;
    margin-top: -.1rem;
    background: url("../images/thbtn.png") no-repeat;
    background-size: 100% 100%;
    border: none;
    outline: none;
}
.pick .return{
    position: absolute;
    bottom: .5rem;
    left: 1.8rem;
    width: 2.6rem;
    height: .6rem;
    margin: .1rem auto;
    text-align: center;
    background: url(../images/back.png);
    background-size: 100% 100%;
}
.pick .return a{
    display: block;
    width: 2.6rem;
    height: .6rem;
}
.pick .picktwo form {
    margin-bottom: .4rem;
}
.pick .picktwo label {
    width: 25%;
    height: .4rem;
    text-align: center;
    font-size: .3rem;
    background: -webkit-linear-gradient(top,#fff,#fcd383 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.pick .picktwo form input {
    background: #402e22;
    width: 75%;
    height: .6rem;
    margin: 0 auto;
    margin-bottom: .35rem;
    border: 1px solid #fdefd2;
    border-radius: 5px;
    font-size: .3rem;
    text-indent: .5em;
    color: #fff;
}
.pick .picktwo textarea {
    background: #402e22;
    width: 75%;
    height: 1rem;
    margin: 0 auto;
    border: 1px solid #fdefd2;
    border-radius: 5px;
    font-size: .3rem;
    text-indent: .5em;
    color: #fff;
}
.pick .picktwo .textarea {
    position: relative;
    top: -0.5rem;
}



/**
 * xxy
 * time: 2017/05/05 10:33
 * 猜鸡偶 升级中
 */
 
 .xxy-sjz{
 	margin:0.1rem 0 .4rem 0;
    height: 4rem;
    position:relative;
 }
 .xxy-sjz-1{
 	position: absolute;
 	left:0;right:0px;bottom:0;top:0px;
 	margin:auto;
 }
 .xxy-sjz-2{
 	position: absolute;
    z-index: 2;
 	left:0;right:0px;bottom:0;top:0px;
    width: 20%!important;
    margin: auto;
 }
 
 .two-main{
 	position:relative;
 }
 .start_up{
 	position: absolute;
    width: 40%!important;
    top: 2.3rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
 }
 
 
 .xxy-sjz .cp1, .xxy-sjz .cp2, .xxy-sjz .price1, .xxy-sjz .price2, .xxy-sjz .name1, .xxy-sjz .name2{
 	position:absolute;
 	font-size:.25rem;
 }
 /*产品图*/
 .xxy-sjz .cp1,.xxy-sjz .cp2{
    top: .6rem;
 }
 .xxy-sjz .cp1{
    width: 1.5rem!important;
    left: 1rem;
 }
 .xxy-sjz .cp2{
    width: 1.8rem!important;
    left: 4.8rem;
    top: .3rem;
 }
 /*名称*/
  .xxy-sjz .name1, .xxy-sjz .name2{
    top: 2.5rem;
    width: 1.9rem;
    text-align: center;
    line-height: 1.5em;
    height: 1.5em;
    overflow: auto;
 	color:#fff;
  }
 .xxy-sjz .name1{
    left:.8rem;
 }
 .xxy-sjz .name2{
    left: 4.7rem;
 }
 /*价格*/
  .xxy-sjz .price1, .xxy-sjz .price2{
    top: 3.4rem;
    width: 1.9rem;
    text-align: center;
    line-height: 1.5em;
    height: 1.5em;
    overflow: auto;
 	color:#fff;
  }
 .xxy-sjz .price1{
    left:.8rem;
 }
 .xxy-sjz .price2{
    left: 4.7rem;
 }
 
 
 